@extends('layout.default')

@section('content')

  @include('layout.breadcrums')
  
	<div class="weui-cells">    
		@foreach($ranks as $rank)
    <a class="weui-cell weui-cell_active" >
        <div class="weui-cell__hd" style="position: relative; margin-right: 10px;">
            <img class="img-round" src="/assets/images/avatar.png" style="height: 50px; display: block;">            
        </div>
        <div class="weui-cell__bd">          
            <p>{{$rank->name}}</p>
            <p style="font-size: 80%; color: #aaa;"><i class="iconfont member_{{$rank->gendar}}"></i>  {{$rank->mobile}}</p>
        </div>
        <div class="weui-cell__ft">{{$rank->count}}</div>
    </a>
   
    @endforeach

  </div>

	<div class="weui-btn-area">
    <a href="{{route('index')}}"><button class="weui-btn weui-btn_default wx-default">返回</button></a>
  </div>
@stop

@section('javascript')		
    <script src="//cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>
    <script src="//cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <script type="text/javascript">
      $(function() {

        $('.swiper-container').swiper({
	        loop: true,
	        autoplay: 5000,
	        pagination: '.swiper-pagination',
        	paginationClickable: true
	      });

      });
    </script>

@stop